<template lang="pug">
view.box.p10
	view.bg.cart
		view.flex.at.p10
			image(
				src="/static/dw1.png",
				mode="widthFix",
				style="width:20px;margin-right:10px"
			)
			view(style="width:70%")
				view.flex.at
					view.f14.c3 漫天繁星
					view.f14.c3(style="margin-left:10px") 185****9310
				view.f12.c6 郑州市金水区通泰路街道商都路齐崔庄花园南 院2号楼三单元
			image.ml(
				src="/static/jt1.png",
				mode="widthFix",
				style="width:8px;"
			)
	view.mt10
		view.cart.prl10.por(style="padding:5px 10px")
			view.flex.at(v-for="item,index in 5" style="padding:5px 0")
				image(
					src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
					mode="widthFix",
					style="width:70px;border-radius:6px;margin:0 10px"
				)
				view
					view.title 体温计
					view.mt10.flex.at
						text.f12(style="color:#F93838") ￥
						text.f16(style="color:#F93838") 299.00
						view.ml(style="margin-left:60px")
							u-number-box(
								v-model="value"
								button-size="24"
								bgColor="#00E0CF"
								color="#ffffff"
								iconStyle="color: #fff"
							)
			view.flex.at.mt10
				view.f14.c6 合计：
				view.r.f14.ml ￥897.00
			view.flex.at.mt10
				view.f14.c6 优惠券：
				view.r.f14.ml -￥100
	view.mt10
		view.cart
			view.title.c6.f14.p10 订单备注
			view(style="padding:0 10px 10px 10px")
				u--textarea(
					placeholder="请输入内容"
				)
	view.bg.cart.mt10
		view.header.bg
			view.title.c3.f16 选择支付方式
			paytype
	view(style="height:50px")
	view.bu.flex.at.prl10.box
		view.flex.at
			view.c3.f14 应付：
			view.r.f16 ￥299.00
		view.button.f12.ml(style="height:30px;line-height:30px;padding:0 20px") 提交订单
</template>

<script>
	import paytype from "@/components/paytype.vue"
	export default {
		components:{
			paytype
		},
		data() {
			return {
				tablist:['全部','高血糖','高血压','睡眠障碍'],
				taninx:0,
				value:1
			}
		},
		methods: {
			selectTab(e){
				this.taninx=e
			}
		}
	}
</script>

<style>
page{
	background: #f0f0f0;
}
.tabactive{
	color: #17D2C9;
	font-weight: bold;
	font-size: 16px;
}
.tabactive::before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 20%;
	height: 4px;
	background: #17D2C9;
	bottom: -10px;
	left: 40%;
}
.bu{
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 50px;
	background: #fff;
	bottom: 0;
	left: 0;
}
</style>
